<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
   </head>
   <body style="height: 100%; margin: 0">
       <div id="container" style="height:300px;width:1000px"></div>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
       <script type="text/javascript">
	   function init(){
	    var dom = document.getElementById("container");
		var myChart = echarts.init(dom);
		myChart.clear();
		var app = {};
		option = null;


		var seriesLabel = {
			normal: {
				show: true,
				textBorderColor: '#333',
				textBorderWidth: 2
			}
		}

		option = {
			title: {
				text: '病症方药穴'
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'shadow'
				}
			},
			legend: {
				data: ['数目', '种类']
			},
			grid: {
				left: 100
			},
			toolbox: {
				show: true,
				feature: {
					saveAsImage: {}
				}
			},
			xAxis: {
				type: 'value',
				name: '值',
				axisLabel: {
					formatter: '{value}'
				}
			},
			yAxis: {
				type: 'category',
				inverse: true,
				data: ['病', '症', '方', '药', '穴'],
				axisLabel: {
					
					
					margin: 20,
					rich: {
						病: {
							height: 10,
							align: 'center'
						},
						症: {
							height: 10,
							align: 'center'
						},
						方: {
							height: 10,
							align: 'center'
						},
						药: {
							height: 10,
							align: 'center'
						},
						穴: {
							height: 10,
							align: 'center'
						}
					}
				}
			},
			series: [
				{
					name: '数目',
					type: 'bar',
					data: [165, 170, 30,85,15],
					label: seriesLabel            
				},
				{
					name: '种类',
					type: 'bar',
					label: seriesLabel,
					data: [150, 105, 110,8.5,5]
				}
			]
		};
		;
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	   }
		init();
       </script>
   </body>
</html>